﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Baidu Maps</title>
    <style>
        html { height: 100% }

        body {
            height: 100%;
            margin: 0;
            padding: 0;
            background-color: #FFF
        }
    </style>
    <script charset="utf-8" src="http://api.map.baidu.com/api?v=1.3"></script>
    <script>
        var map, geocoder;

        function initialize() {
            map = new BMap.Map('map_canvas');
            var point = new BMap.Point(121.473704, 31.230393);
            map.centerAndZoom(point, 11);
            map.addControl(new BMap.NavigationControl());
            map.enableScrollWheelZoom();

            var gc = new BMap.Geocoder();
            gc.getLocation(point,
                function(rs) {
                    var addComp = rs.addressComponents;
                    var address = [addComp.city].join('');
                    parent.document.getElementById("kindeditor_plugin_map_address").value = address;
                });
        }

        function search(address) {
            if (!map) return;
            var local = new BMap.LocalSearch(map,
                {
                    renderOptions: {
                        map: map,
                        autoViewport: true,
                        selectFirstResult: false
                    }
                });
            local.search(address);
        }
    </script>
</head>
<body onload="initialize();">
<div id="map_canvas" style="width: 100%; height: 100%"></div>
</body>
</html>